<template>
  <div class="Login">
    <div class="mForm">
      <m-title>登录</m-title>
      <m-form  class=""  ref="form" :model="form" label-width="80px">
        <m-form-item label="用户名">
          <m-input v-model="form.username"></m-input>
        </m-form-item>
        <m-form-item label="密码">
          <m-input type="password" v-model="form.password"></m-input>
        </m-form-item>
        <m-form-item>
          <m-button type="primary" @click="submit">保存</m-button>
          <m-button>取消</m-button>
        </m-form-item>
      </m-form>
    </div>
  </div>
</template>

<script>

export default {
  name: "Login",
  data() {
    return {
      form:{
        username: null,
        password: null
      }
    };
  },
  components: {},
  computed: {

  },
  mounted() {

  },
  methods: {
    submit(){

    }
  },
};
</script>

<style lang="scss" scoped>
@import "@/MUI/style/var.scss";
.mForm {
  width: $formWidth;
  margin: 0 auto;
  padding: px2(200) 0;
}
</style>
